﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="VIPCustomerExchangeList.aspx.cs" Inherits="IHISCETeim.Web.AgentSys.VipMgr.VIPCustomerExchangeList" %>
<%--客户积分兑换--%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="/MachineSys/EasyUI/themes/default/easyui.css"/>
	<link rel="stylesheet" type="text/css" href="/MachineSys/EasyUI/themes/icon.css" />
	<script type="text/javascript" src="/MachineSys/js/jquery-1.7.2.min.js"></script>   
	<script type="text/javascript" src="/MachineSys/EasyUI/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/MachineSys/EasyUI/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="/MachineSys/EasyUI/easyui-formatter_20140718.js?v2"></script>
     <link href="/MachineSys/themes/css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
    <script src="/MachineSys/js/DWZ/jquery.autocomplete.js" type="text/javascript"></script>
    <script src="/MachineSys/js/DWZ/jquery.inputValue.js" type="text/javascript"></script>
    <script type="text/javascript">
        ///自适应宽高
        $(window).resize(function(){		    
            $("#tab_list").datagrid({
                width: '100%',
                height: $(parent.document).find(".tabsPageContent").height() - 11 > 0 ? $(parent.document).find(".tabsPageContent").height() - 11 : 500,
            }); 
        });
        //权限处理
        var $powers={
            "r查看":<%=HasPowerEasyUI(IHISCETeim.Web.Permission.查看) %>,
            "r新增":<%=HasPowerEasyUI(IHISCETeim.Web.Permission.新增) %>,
            "r回访":<%=HasPowerEasyUI(IHISCETeim.Web.Permission.VIP积分兑换_回访) %>,
            "r删除":<%=HasPowerEasyUI(IHISCETeim.Web.Permission.删除) %>,
            "r导出":<%=HasPowerEasyUI(IHISCETeim.Web.Permission.导出) %>            
            };

        $(document).ready(function () {          
            //权限处理
            var $tab_toolbar=$("#tab_toolbar");
            $tab_toolbar.find("a").each(function(){
                var $per=$(this).attr("Permission");
                var pt= $powers[$per]==undefined || null?true:$powers[$per];
                $(this).linkbutton(pt?'enable': 'disable');
               
                if($(this).attr("menu")!=undefined && (pt==false))
                {
                    $(this).menubutton({
                        disabled:true
                    });
                }
                 
            })
           
            //自动完成
            $(".autocomplete").each(function () {
                var $this = $(this);
                var url = unescape($this.attr("autocompletehref"));
                $this.autocomplete(url);
            });
            //加载数据
            InitGird();  
            //加载通用查询字段
            var fields = $('#tab_list').datagrid('getColumnFields',true);
            for(var i=0; i<fields.length; i++){
                $('<option value="'+fields[i]+'" />').html($('#tab_list').datagrid('getColumnOption',fields[i]).title).appendTo($("#search_commfields"));
            }
            fields = $('#tab_list').datagrid('getColumnFields');
            for(var i=0; i<fields.length; i++){
                $('<option value="'+fields[i]+'" />').html($('#tab_list').datagrid('getColumnOption',fields[i]).title).appendTo($("#search_commfields"));
            }
        })
        //加载列表数据
        function InitGird() {
            $('#tab_list').datagrid({               
                url: location.href, //请求数据的页面
                sortName: 'CustExID', //排序字段
                sortOrder: 'desc', //排序类型
                idField: 'CustExID', //标识字段,主键
                iconCls: '', //标题左边的图标
                width: '100%', //宽度    
                height: $(parent.document).find(".tabsPageContent").height() - 11 > 0 ? $(parent.document).find(".tabsPageContent").height() - 11 : 500,
                nowrap: true, //是否换行，True 就会把数据显示在一行里
                striped: true, //True 奇偶行使用不同背景色
                collapsible: false, //可折叠
                singleSelect: true, //是否只能选中一条
                remoteSort: true, //定义是否从服务器给数据排序
                frozenColumns: [[//冻结的列，不会随横向滚动轴移动                   
                    { title: '客户名称', field: 'RealName', width: 100, sortable: true,formatter:function(value, row, index){
                        return value;
                        //if(row.RealName==undefined)
                        //    return "";
                        //return '<a style=" font-weight:bold;" href=".aspx?ID='+row.CustomerId+'" target="_blank" >'+value+'</a>';//事件处理
                    }},
                    { title: 'VIP卡类型', field: 'VIPCardType', width: 100, sortable: true},
                    { title: '卡号', field: 'VIPCardNum', width: 90, sortable: true,formatter:function(value,row,index){
                        return value;
                        // return '<a style=" font-weight:bold;" href=".aspx?ID='+row.CustomerId+'" target="_blank" >'+value+'</a>';//事件处理
                    }},    
                ]],
                columns: [[ 
                    { title: '兑换日期', field: 'ExChangeDate', width: 100, sortable: true,formatter:formatterdate },
                     {title: '兑换积分', field: 'TotalPoint', width: 100,sortable: true},
                     { title: '相应金额', field: 'TotalMoney', width: 90, sortable: true,align:'right'},
                    { title: '经销商', field: 'AgentName', width: 100, sortable: true},
                    {title: '客户联系方式', field: 'Tel', width:100 , sortable: true},
                    {title: '地址', field: 'Address', width: 180, sortable: true},                              
                    <%if(User.UserType == 1){ %>
                    {title: '是否已回访', field: 'IsVisit', width: 90, sortable: true,formatter:function(value, row, index){
                        if(value==true)
                            return "已回访";
                        else
                            return "<b style='color:red;'><a href='#' onclick='onVisitClick("+row.CustExID+")'>未回访</a></b>"
                    }},  
                    {title: '回访日期', field: 'VisitDate', width: 100, sortable: true,formatter:formatterdate },  
                    {title: '回访备注', field: 'VisitRemark', width: 180, sortable: true},  
                    <%}%>
                    {title: '备注', field: 'Remark', width: 200 ,sortable: true}
                ]],
                toolbar: "#tab_toolbar",
                queryParams: { "action": "query" },
                pagination: true, //是否开启分页
                pageNumber: 1, //默认索引页
                pageSize: <%=numPerPage %>, //默认一页数据条数
                pageList:<%=SetnumPerPage() %>,
                rownumbers: true, //行号
                showFooter: true,
                onHeaderContextMenu: function(e, field){
                    e.preventDefault();
                    if (!$('#tmenu').length){
                        createColumnMenu();
                    }
                    $('#tmenu').menu('show', {
                        left:e.pageX,
                        top:e.pageY
                    });
                },
                onRowContextMenu:function(e,rowIndex,rowData)
                {
                    e.preventDefault();
                    if (!$('#tmenu').length){
                        createColumnMenu();
                    }
                    $('#tmenu').menu('show', {
                        left:e.pageX,
                        top:e.pageY
                    });
                }
            });

        }  
        /*显示列*/
        var ColumnFields={'RealName':"姓名"};
        function createColumnMenu(){
            var tmenu = $('<div id="tmenu" style="width:150px;"></div>').appendTo('body');
            var fields = $('#tab_list').datagrid('getColumnFields');
            for(var i=0; i<fields.length; i++){
                $('<div data-options="name:\''+fields[i]+'\',iconCls:\'icon-ok\'" />').html($('#tab_list').datagrid('getColumnOption',fields[i]).title).appendTo(tmenu);
            }
            tmenu.menu({
                onClick: function(item){
                    if (item.iconCls=='icon-ok'){                       
                        $('#tab_list').datagrid('hideColumn', item.name);
                        tmenu.menu('setIcon', {
                            target: item.target,
                            iconCls: 'icon-empty'
                        });
                    } else {
                        $('#tab_list').datagrid('showColumn', item.name);
                        tmenu.menu('setIcon', {
                            target: item.target,
                            iconCls: 'icon-ok'
                        });
                    }
                }
            });
        }
    </script>
    <script>
        //操作功能JS

        //打开高级查找窗口
        function onAdjSearch() {
            $("#tab_search").dialog("open");
            $("#search-buttons").find("#btn_search").one("click", function () {               
                var query = $("#tab_search").serializeJSON(); // GetInputData("tab_search", "query");
                query.action = "query";
                $('#tab_list').datagrid("options").queryParams = query;
                $('#tab_list').datagrid('load');
                $("#tab_search").dialog("close");
                return false;
            
            });
        }       


        //新增
        function onAddClick() {
            var rel = "VIPCustomerList";
            var url = "VipMgr/VIPCustomerList.aspx";
            var title = "请选择客户";
            var options = { width: 850, height: 450, max: false, mask: true, maxable: false, minable: false, fresh: true, resizable: false, drawable: true };           
            top.navTab.openTab(rel, url, { title: title, fresh: true, external:true });
            return false;
        }
        function onViewClick()
        {
            var row = $('#tab_list').datagrid('getSelected')
            if (row == null) {
                $.messager.alert('提示', '请先选择要查看的积分兑换记录');
                return false;
            }

            var CustExID = row.CustExID;

            var rel = "VIPCustomerExchangeView";
            var url = "VipMgr/VIPCustomerExchangeView.aspx?CustExID=" + CustExID;
            var title = "查看积分兑换信息";
            var options = { width: 850, height: 450, max: false, mask: true, maxable: false, minable: false, fresh: true, resizable: false, drawable: true };
            //top.$.pdialog.open(url, rel, title, options);
            top.navTab.openTab(rel, url, { title: title, fresh: true, external: false });

            $('#tab_list').datagrid('unselectAll')//取消选中,不然会直接选中上次的数据
            return false;
        }
        function onVisitClick(CustExID)
        {
            <%if(!HasPower(IHISCETeim.Web.Permission.VIP积分兑换_回访)) {%>
            $.messager.alert('提示', '你没有权限进行此操作');
            <%}else{%>
            var rel = "VIPCustomerExchangeView";
            var url = "VipMgr/VIPCustomerExchangeView.aspx?CustExID=" + CustExID;
            var title = "回访积分兑换信息";
            var options = { width: 850, height: 450, max: false, mask: true, maxable: false, minable: false, fresh: true, resizable: false, drawable: true };
            //top.$.pdialog.open(url, rel, title, options);
            top.navTab.openTab(rel, url, { title: title, fresh: true, external: false });

            $('#tab_list').datagrid('unselectAll')//取消选中,不然会直接选中上次的数据
            
            <%}%>
            return false;
        }
        //审核
        function onEditClick() {
            //var row = $('#tab_list').datagrid('getSelected')
            //if (row == null) {
            //    $.messager.alert('提示', '请先选择要审核的采购信息客户');
            //    return false;
            //}

            //var buyid = row.BuyId;

            //var rel = "VIPBuyPass";
            //var url = "VipMgr/VIPBuyPass.aspx?buyid=" + buyid;
            //var title = "审核VIP采购信息";
            //var options = { width: 850, height: 450, max: false, mask: true, maxable: false, minable: false, fresh: true, resizable: false, drawable: true };
            ////top.$.pdialog.open(url, rel, title, options);
            //top.navTab.openTab(rel, url, { title: title, fresh: true, external: false });

            //$('#tab_list').datagrid('unselectAll')//取消选中,不然会直接选中上次的数据
            //return false;
        }

        //删除
        function onDelClick() {
            var row = $('#tab_list').datagrid('getSelected')
            if (row == null) {
                $.messager.alert('提示', '请先选择要删除的信息');
                return false;
            }
            $.messager.confirm('提示', '您确认要删除此记录？删除后，则相应的积分将会被退回.', function (r) {
                if (r) {
                    var CustExID = row.CustExID;
                    var url = "VipMgr/VIPCustomerExchangeList.aspx?action=delrow&CustExID=" + CustExID;
                    top.ajaxTodo(url, "");
                    $("#tab_list").datagrid("load");

                }
            });
            $('#tab_list').datagrid('unselectAll')//取消选中,不然会直接选中上次的数据
            return false;
        }
        //改完成情况
        function onClickIsComplete(UnsuitabledID, IsComplete, RowIndex) {

            var changeIsComplete = IsComplete == "未完成" ? "已完成" : "未完成";
            $.messager.confirm('提示', '您确认要更改成' + changeIsComplete + '吗？', function (r) {
                if (r) {
                    var url = "sysAjaxDone.ashx?ajaxmethod=changeiscomplete&UnsuitabledID=" + UnsuitabledID + "&IsComplete=" + encodeURIComponent(changeIsComplete);
                    top.ajaxTodo(url, "");
                    $('#tab_list').datagrid('getRows')[RowIndex].IsComplete = changeIsComplete;
                    $('#tab_list').datagrid('refreshRow', RowIndex);
                }
            });
            return false;
        }        
    </script>
</head>
<body style="margin:2px;" >
   
    <div id="tab_list" ></div>
    <div id="tab_toolbar" style="padding:2px;">
       <a href="#" title="高级查找" class="easyui-linkbutton" iconcls="icon-search" plain="true" onclick="return　onAdjSearch(this);" Permission="">查找</a>
        <a href="#" title="查看" class="easyui-linkbutton" iconcls="icon-save" plain="true" onclick="return　onViewClick();" Permission="r查看">查看</a>
       <a href="#" title="VIP客户积分兑换" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="return onAddClick()" Permission="r新增">VIP客户积分兑换</a>   
       <a href="#" title="删除" class="easyui-linkbutton" iconcls="icon-remove" plain="true" onclick="return　onDelClick();" Permission="r删除">删除</a> 

    </div> 

  

    <div id="tab_search" title="查询条件" style=" height:250px; width:500px;" class="easyui-dialog" modal="true" closed="true" buttons="#search-buttons">
        <table class="table_search" width="100%" style=" line-height:21px;">          
            <tr>
                <td>客户名称:</td>
                <td><input  name="RealName"  /></td>
                <td>联系方式：</td>
                <td><input name="Tel" type="text" value=""  /></td>
            </tr>
            <tr>
                <td>VIP卡号:</td>
                <td ><input name="VIPCardNum" type="text" value=""  /></td>
                <td ></td>
                 <td></td>
            </tr>
            <% if(User.UserType == 1) {%>
            <tr>
                <td>经销商:</td>
                <td><input  name="AgentName" value="" /></td>
                <td></td>
                <td>
                    
                </td>
            </tr>
            <%} %>
            
        </table>
        <div id="search-buttons">
            <a id="btn_search" href="javascript:;" class="easyui-linkbutton" iconcls="icon-search" plain="true">提交</a> 
            <a href="javascript:;" class="easyui-linkbutton" onclick="$('#tab_search').dialog('close');return false;" iconcls="icon-cancel" plain="true">取消</a>
        </div>
    </div>
       
</body>
</html>